<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>重庆夏越科技工程有限公司</title>
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>
<!-- banner、nav板块 -->
<div class="top">
  <div class="top_cent width margin">
    <div class="nav margin">
      <a href="#"><img src="./images/logo.png" /></a>
      <ul class="right">
        <li><a href="#">首页</a></li>
        <li><a href="#">公司简介</a></li>
        <li><a href="#">新闻中心</a></li>
        <li><a href="#">21号改造</a></li>
        <li><a href="#">案例展示</a></li>
        <li><a href="#">服务领域</a></li>
        <li><a href="#">关于我们</a></li>
      </ul>
    </div>
    <div>
      <span></span>
      <span></span>
      <span></span>
      <span></span>
    </div>
  </div>
</div>
<!-- scale：规模，公司的人员、场地规模 -->
<div class="scale">
  <div class="worker width margin">
    <div class="list">
      <img src="images/fangtai_01.png" />
      <div class="tit">
        <h4>储运工程</h4>
        <span>Storage and transportation project</span>
      </div>
    </div>
    <div class="list">
      <img src="images/fangtai_01.png" />
      <div class="tit">
        <h4>储运工程</h4>
        <span>Storage and transportation project</span>
      </div>
    </div>
    <div class="list">
      <img src="images/fangtai_01.png" />
      <div class="tit">
        <h4>储运工程</h4>
        <span>Storage and transportation project</span>
      </div>
    </div>
    <div class="list">
      <img src="images/fangtai_01.png" />
      <div class="tit">
        <h4>储运工程</h4>
        <span>Storage and transportation project</span>
      </div>
    </div>
  </div>
</div>
<!-- 公司简介 -->
<div class="infor width margin">
  <div class="titles">
    <h2>公司简介</h2>
    <span>Company Profile</span>
  </div>
  <div class="cont">
    <img src="images/501082714.png" />
    <div class="conts right">
      <h4>中国成达工程有限公司（简称：成达公司）是中国化学工程集团有限公司的全资子公司，坐落在我国西南文化名城──成都，前身为化工部第八设计院。成达公司始建于1958年，经过几十年的努力奋斗，现已成为以设计为主体实行工程总承包的国际综合型工程公司。</h4>
      <p>六十多年来，成达公司伴随着中国经济建设的改革和发展，足迹踏遍祖国的大江南北，以先进的技术和卓越的工程管理水平，为我国的石油化工、天然气化工、盐化工、煤化工、精细化工、工业电力、医药、新能源、新材料、建筑、市政、环保等领域的基本建设事业做出了重大贡献。包括中石化、中石油、中海油、中国化工、神华集团、延长集团、兖矿集团等大型企业和各省市的重要石油化工、天然气化工、盐化工和煤化工基地建设和工程项目建设。</p>
      <a href="#">了解更多</a>
    </div>
  </div>
</div>
<!-- 案例展示 -->
<div class="cases">
  <ul>
    <li>
      <a href="#">
        <h2>煤化工</h2>
        <p>指以煤为原料，经化学加I使煤转化为气体、液体和固体燃料以及化学品的过程。主要包括煤的气化、液化、干馏以及焦油加工</p>
      </a>
    </li>
    <li>
      <a href="#">
        <h2>煤化工</h2>
        <p>指以煤为原料，经化学加I使煤转化为气体、液体和固体燃料以及化学品的过程。主要包括煤的气化、液化、干馏以及焦油加工</p>
      </a>
    </li>
    <li>
      <a href="#">
        <h2>煤化工</h2>
        <p>指以煤为原料，经化学加I使煤转化为气体、液体和固体燃料以及化学品的过程。主要包括煤的气化、液化、干馏以及焦油加工</p>
      </a>
    </li>
    <li>
      <a href="#">
        <h2>煤化工</h2>
        <p>指以煤为原料，经化学加I使煤转化为气体、液体和固体燃料以及化学品的过程。主要包括煤的气化、液化、干馏以及焦油加工</p>
      </a>
    </li>
  </ul>
</div>
<!-- 服务领域Service area -->
<div class="serv width margin">
  <div class="titles">
    <h2>服务领域</h2>
    <span>Service Area</span>
  </div>
  <div class="cont width">
    <div class="cont_1">
      <img src="./images/field_03.png" />
      <div class="mintit">
        <h3>设计</h3>
        <span>北极光平面设计工作室</span>
        <a href="#">Check Profile</a>
      </div>
    </div>
    <div class="cont_1">
      <img src="./images/field_03.png" />
      <div class="mintit">
        <h3>设计</h3>
        <span>北极光平面设计工作室</span>
        <a href="#">Check Profile</a>
      </div>
    </div>
    <div class="cont_1">
      <img src="./images/field_03.png" />
      <div class="mintit">
        <h3>设计</h3>
        <span>北极光平面设计工作室</span>
        <a href="#">Check Profile</a>
      </div>
    </div>
    <div class="cont_1">
      <img src="./images/field_03.png" />
      <div class="mintit">
        <h3>设计</h3>
        <span>北极光平面设计工作室</span>
        <a href="#">Check Profile</a>
      </div>
    </div>
  </div>
</div>
<!-- 联系我们contact -->
<div class="contact">
  <div class="contA width margin">
    <div class="cont_l">
      <h2>联系我们</h2>
      <div class="phone">
        <p>地址: 重庆市沙坪坝区大学城陈家桥街道明德路3号</p>
        <p>Phone：<span>188-2578-4578</span></p>
        <p>E-mail：<span>bjg318@outlook.com</span></p>
      </div>
      <div class="other">
        <a href="#"><img src="images/dingding_01.png" /></a>
        <a href="#"><img src="images/dingding_02.png" /></a>
        <a href="#"><img src="images/dingding_03.png" /></a>
        <a href="#"><img src="images/dingding_04.png" /></a>
        <a href="#"><img src="images/dingding_05.png" /></a>
      </div>
    </div>
    <div class="cont_r">
      <input type="text" placeholder="标题" />
      <input type="text" placeholder="邮箱" />
      <textarea rows="4" cols="30" placeholder="内容"></textarea>
      <button type="submit">发送信息</button>
    </div>
  </div>
</div>
<!-- 合作伙伴partner、子公司展示 -->
<div class="partner width margin">
  <div class="titles">
    <h2>合作伙伴</h2>
    <span>Cooperative Partner</span>
  </div>
  <div class="cont2 width">
    <a href="#"><img src="images/logo.png" /></a>
    <a href="#"><img src="images/logo.png" /></a>
    <a href="#"><img src="images/logo.png" /></a>
    <a href="#"><img src="images/logo.png" /></a>
    <a href="#"><img src="images/logo.png" /></a>
  </div>
</div>
<div class="foot">
  <div class="foot1">
    <div class="links margin width">
      <span>友情链接：</span>
      <a href="#">北极光工作室</a>
      <a href="#">北极光工作室</a>
      <a href="#">北极光工作室</a>
      <a href="#">北极光工作室</a>
      <a href="#">北极光工作室</a>
    </div>
  </div>
  <div class="foot2 margin width">
    <div class="left">
      <p>公司地址：公司地址公司地址公司地址公司地址公司地址公司地址公司地址</p>
      <p>官方网站：XXXXXXXXXXXX</p>
      <p>咨询电话：xxxxxxx</p>
      <p>XXXXXXXXXXXXXXX</p>
    </div>
    <div class="right">
      <p>公司地址：公司地址公司地址公司地址公司地址公司地址公司地址公司地址</p>
      <p>官方网站：XXXXXXXXXXXX</p>
      <p>咨询电话：xxxxxxx</p>
      <p>XXXXXXXXXXXXXXX</p>
    </div>
  </div>
</div>
  </body>
</html>